<!doctype html>
<html lang="zh-CH">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>央票通</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/user.css">
</head>
<body>
<!-- 头部 -->
<div class="head">
	<div class="top">
		<div class="main">
			<div class="left">
				<span>欢迎来到央票通 !</span>
				<span class="tel">服务热线 : 4000-678-797</span>
			</div>
			<div class="right nav-top">
				<ul>
					<li><a href="javascript:void(0);">ERP系统</a><span>|</span></li>
					<li><a href="javascript:void(0);">贴现流程</a><span>|</span></li>
					<li><a href="javascript:void(0);">出票企业</a><span>|</span></li>
					<li><a href="javascript:void(0);">商业合作</a><span>|</span></li>
					<li><a href="javascript:void(0);">在线客服</a><span>|</span></li>
					<li><a href="javascript:void(0);">移动端</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="nav">
		<div class="main">
			<div class="logo">
				<a href="javascript:void(0);"><img src="img/logo.png" alt=""></a>
			</div>
			<div class="nav-mid">
				<ul>
					<li><a href="javascript:void(0);">首页</a></li>
					<li><a href="javascript:void(0);">票据理财</a></li>
					<li><a href="javascript:void(0);">持票融资</a></li>
					<li><a href="javascript:void(0);">关于我们</a></li>
				</ul>
			</div>
			<div class="btn-box">
				<a href="javascript:void(0);" class="btn-register">
					<span><img src="img/user_img.png" alt=""></span>
					<span class="last">137****4099</span>
				</a>
			</div>
		</div>
	</div>
</div>	
<!-- 个人中心 -->
<div class="cont-user">
	<div class="user-detail">
		<div class="main">
			<div class="detail">
				<div class="user-img left">
					<img src="img/user_img.png" alt="">
				</div>
				<div class="user-cen left">
					<div>
						您好，<span>137****4099</span><a href="javascript:void(0);">设置</a>
					</div>
					<div class="last">
						<div class="a"><a href="javascript:void(0);" class="span-1"></a></div>
						<div class="a"><a href="javascript:void(0);" class="span-2"></a></div>
						<div class="a"><a href="javascript:void(0);" class="span-no-3"></a></div>
					</div>
				</div>
				<div class="user-asset left">
					<div class="left">累计净收益 ：<span>￥532600.00</span></div>
					<div class="left">可用余额 ：<span>￥2600.00</span></div>
				</div>
				<div class="user-btn right">
					<a href="javascript:void(0);" class="btn user-recharge">充值</a>
					<a href="javascript:void(0);" class="btn user-cash">提现</a>
				</div>
			</div>
		</div>
	</div>
	<div class="user-center">
		<div class="main">
			<div class="user-dl left">
				<dl>
					<dt>账户管理</dt>
					<dd><a href="user_account.html">账户信息</a></dd>
					<dd class="active"><a href="user_bankcard.html">银行卡管理</a></dd>
					<dd><a href="user_password.html">密码管理</a></dd>
				</dl>
				<dl>
					<dt>我的资金</dt>
					<dd><a href="user_money.html">充值提现</a></dd>
					<dd><a href="user_fundflow.html">资金流水</a></dd>
					<dd><a href="user_award.html">平台奖励</a></dd>
				</dl>
				<dl>
					<dt>我的理财</dt>
					<dd><a href="user_invest_ticket.html">投资记录</a></dd>
					<dd><a href="user_b_ticket.html">报票记录</a></dd>
				</dl>
				<dl class="last">
					<dt>我的消息</dt>
					<dd><a href="user_news_list.html">消息列表</a></dd>
				</dl>
			</div>
			<div class="user-container left">
				<div class="user-title user-bank">
					<div class="title">
						<div class="h left">银行卡管理</div>
						<div class="small right"><span>绑定银行卡</span>&#62<span>添加银行卡</span></div>
					</div>
					<div class="user-box">
						<form action="" class="form">
							<div class="form-group">
								<label for="" class="left control-label"><span>*</span>姓名：</label>
								<input type="text" class="left form-control" placeholder="请填写姓名">
							</div>
							<div class="form-group">
								<label for="" class="left control-label"><span>*</span>银行卡号：</label>
								<input type="text" class="left form-control" placeholder="请填写银行卡号">
							</div>
							<div class="form-group">
								<label for="" class="left control-label"><span>*</span>选择银行：</label>
								<select name="" id="" class="left form-control">
									<option value="">请选择银行</option>
									<option value="">1</option>
									<option value="">1</option>
									<option value="">1</option>
								</select>
							</div>
							<div class="form-group">
								<label for="" class="left control-label"><span>*</span>银行预留手机号：</label>
								<input type="text" class="left form-control" placeholder="请填写预留手机号">
							</div>
							<div class="form-group">
								<div class="btn-box">
									<button type="submit" class="btn btn-default">添加</button>
									<button type="submit" class="btn btn-remove">取消</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- footer -->
<div class="footer">
	<div class="main">
		<ul class="left">
			<li>
				<div class="title">帮助中心</div>
				<ul class="ul"> 
					<li><a href="javascript:void(0);">投资与转让</a></li>
					<li><a href="javascript:void(0);">认证与安全</a></li>
					<li><a href="javascript:void(0);">充值与提现</a></li>
					<li><a href="javascript:void(0);">注册与登录</a></li>
				</ul>
			</li>
			<li>
				<div class="title">安全保障</div>
				<ul class="ul">
					<li><a href="javascript:void(0);">借款须知</a></li>
					<li><a href="javascript:void(0);">避免私下交易</a></li>
					<li><a href="javascript:void(0);">五大重要守则</a></li>
					<li><a href="javascript:void(0);">完善的贷中贷后管理</a></li>
				</ul>
			</li>
			<li>
				<div class="title">投资建议</div>
				<ul class="ul">
					<li><a href="javascript:void(0);">本金保障计划</a></li>
					<li><a href="javascript:void(0);">商票知识介绍</a></li>
					<li><a href="javascript:void(0);">票据法介绍</a></li>
					<li><a href="javascript:void(0);">评级机构介绍</a></li>
				</ul>
			</li>
			<li>
				<div class="title">关于我们</div>
				<ul class="ul">
					<li><a href="javascript:void(0);">央票通介绍</a></li>
					<li><a href="javascript:void(0);">央票通合作伙伴</a></li>
					<li><a href="javascript:void(0);">客服中心</a></li>
					<li><a href="javascript:void(0);">加入我们</a></li>
				</ul>
			</li>
			<li>
				<div class="title last">手机央票通</div>
				<ul class="ul">
					<li><img src="img/code.png" alt=""></li>
				</ul>
			</li>
		</ul>
		<div class="left info">
			<div class="box">客服邮箱：service@yangpiaotong.com</div>
			<div class="box">联系电话 : <span>4000 - 678 - 797</span></div>
			<div class="box">工作时间 : 周一至周六  9 : 00 - 18 : 00 </div>
			<div class="box">&#160;&#160;&#160;分享至 : 
				<div class="bdsharebuttonbox share" data-tag="share_1">
					<a class="bds_weixin" data-cmd="weixin"></a>
					<a class="bds_sqq" data-cmd="sqq"></a>
					<a class="bds_tqq" data-cmd="tqq"></a>
					<a class="bds_qzone" data-cmd="qzone"></a>
					<a class="bds_tsina" data-cmd="tsina"></a>
					<a class="bds_renren" data-cmd="renren"></a>
				</div>
			</div>
		</div>
	</div>
	<div class="bottom">
		Copyright © 2016 央票通（中企汇科技（北京）股份有限公司） 版权所有；市场有风险，投资需谨慎，营造合法、诚信借贷环境。苏ICP备15005239号-2
	</div>
</div>
<!-- 返回顶部 -->
<div class="tooblar">
	<a href="javascript:;" class="tooblar-item tooblar-item-weixin">
		<span class="tooblar-later"></span>
	</a>
	<a href="javascript:;" class="tooblar-item tooblar-item-service"></a>
	<a href="javascript:;" id="counterProfit" class="tooblar-item tooblar-item-counter"></a>
	<a href="javascript:;" id="backTop" class="tooblar-item tooblar-item-top"></a>
	<div class="counter-box">
		<div class="btnClose"></div>
		<span class="errTip"></span>
		<form>
			<div class="form-group">
				<input type="text" name="amountValue" value="" placeholder="输入投资金额" class="form-control">
				<span class="unit">元</span>
			</div>
			<div class="form-group">
				<span class="span">计息单位</span>
				<input type="radio" name="dueUnit" value="月" checked="checked">
				<span class="span">月</span>
				<input type="radio" name="dueUnit" value="天">
				<span class="span">天</span>
			</div>
			<div class="form-group">
				<input type="text" name="dueMonth" value="" placeholder="输入投资期限" class="duration form-control">
				<span class="unit changeUnit">月</span>
			</div>
			<div class="form-group">
				<input type="text" name="annualRate" value="" placeholder="输入年化利率" class="form-control">
				<span class="unit">%</span>
			</div>
			<div class="form-group">
				<select name="paymentMethod" class="form-control">
					<option value="MonthlyInterest">先息后本</option>
					<option value="BulletRepayment">一次性还本付息</option>
					<!-- <option value="EqualInstallment">等额本息</option> -->
				</select>
			</div>
			<div class="form-group">
				<div class="btn-cal">计算收益</div>
			</div>
		</form>
	</div>
	<div class="counter-result-container">
		<div class="counter-result">
			<div class="leftBar">
				<div class="btnShow"></div>
			</div>
			<div class="resultTable">
				<div class="title">
					<span class="icon"></span>
					<span class="hint"></span>
				</div>
				<div class="results-table">
					<div class="table-header">
						<div class="tdCell">收款日期</div>
						<div class="tdCell">收款金额(元)</div>
						<div class="tdCell">收回本金(元)</div>
						<div class="tdCell">收回利息(元)</div>
						<div class="tdCell">剩余本金(元)</div>
					</div>
					<div id="cc-table-container" class="cc-table-container">
						<div class="table_wrap">
							<div class="table table-bordered">
								<div id="cc-cal-list-wp">
									
								</div>
							</div>
						</div>
					</div>
					<div class="table-bordered1">
						<div id="cc-cal-total" class="table-zj">
							<div class="tdCell borderRight">总计</div>
							<div class="Tamount tdCell borderRight"></div>
							<div class="TamountPrincipal tdCell borderRight"></div>
							<div class="TamountInterest tdCell borderRight"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/index.js"></script>	
</body>
</html>